<template>
	<view class="list">
		<u-row justify="space-between">
			<u-col span="1" class="list_icon">
				<image src="../../static/img/userCenter/order.svg" mode=""></image>
			</u-col>
			<u-col span="10" class="list_text">
				{{ listName }}
			</u-col>
			<u-col span="1" class="list_arrow">
				<u-icon name="arrow-right"></u-icon>
			</u-col>
		</u-row>
	</view>
</template>

<script>
	export default {
		data() {
			return {

			};
		},
		props: {
			listName: {
				type: String,
			}
		}
	}
</script>

<style lang="scss">
	.list {
		padding: 30rpx 0 30rpx 30rpx;
		border-bottom: 2rpx solid #F5F5F5;

		.list_icon {
			image {
				width: 50rpx;
				height: 50rpx;
			}
		}

		.list_text {
			font-size: $bsin-font-base;
		}
		
		.list_arrow{
			text-align: right;
		}
	}
</style>
